<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Products.aspx.cs" Inherits="Products" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Northwind Products</title>

    <script type="text/javascript" src="js/ext-1.1/ext-base.js"></script>

    <script type="text/javascript" src="js/ext-1.1/ext-all-debug.js"></script>
    
    <link href="js/ext-1.1/css/ext-all.css" rel="stylesheet" type="text/css" />
    <link href="js/ext-1.1/css/styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server"></form>
    <ssfx:Scriptlet ID="scriptlet" runat="server" EnableDebugging="True" PrecompiledScriptlet="PageScripts.ProductsPage"><References>
<ssfx:AssemblyReference Name="sscorlib"></ssfx:AssemblyReference>
<ssfx:AssemblyReference Name="ssfx.Core"></ssfx:AssemblyReference>
<ssfx:AssemblyReference Name="ssfx.UI.Forms"></ssfx:AssemblyReference>
<ssfx:AssemblyReference Name="ExtJSApi"></ssfx:AssemblyReference>
<ssfx:AssemblyReference Name="PageScripts"></ssfx:AssemblyReference>
</References>
</ssfx:Scriptlet>
    <!-- North Region -->
    <div id="north" class="x-layout-inactive-content o-header">
        <div class="o-theme-chooser">
            <select id="themes">
                <option value="vista">Vista</option>
                <option value="aero">Aero</option>
                <option value="gray">Gray</option>
                <option value="default">Default</option>
            </select>
        </div>
    </div>
    <!-- West Region -->
    <div id="west" class="x-layout-inactive-content">
        <div id="tree" style="width: 200px;">
        </div>
    </div>
    <!-- Center Region -->
    <div id="center" class="x-layout-inactive-content">
        <!-- Product Grid -->
        <div id="product-grid-panel">
            <div id="product-grid" style="height: 500px;">
            </div>
        </div>
    </div>
    <!-- Product Details Dialog -->
    <div id="product-edit-dialog" style="visibility: hidden;">
        <div class="x-dlg-hd">
            Product Details</div>
        <div class="x-dlg-bd">
            <div id="product-edit-layout" class="x-layout-inactive-content">
                <div id="product-edit-form">
                </div>
            </div>
        </div>
    </div>
    <!-- Product Categories Dialog -->
    <div id="category-dialog" style="visibility: hidden;">
        <div class="x-dlg-hd">
            Product Categories</div>
        <div class="x-dlg-bd">
            <div id="category-center" class="x-layout-inactive-content" style="padding: 10px;">
                <!-- Category Grid -->
                <div id="category-grid-panel">
                    <div id="category-grid">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Category Details Dialog -->
    <div id="category-edit-dialog" style="visibility: hidden;">
        <div class="x-dlg-hd">
            Category Details</div>
        <div class="x-dlg-bd">
            <div id="category-edit-layout" class="x-layout-inactive-content">
                <div id="category-edit-form">
                </div>
            </div>
        </div>
    </div>
    <!-- Product Suppliers Dialog -->
    <div id="supplier-dialog" style="visibility: hidden;">
        <div class="x-dlg-hd">
            Product Suppliers</div>
        <div class="x-dlg-bd">
            <div id="supplier-center" class="x-layout-inactive-content" style="padding: 10px;">
                <!-- Supplier Grid -->
                <div id="supplier-grid-panel">
                    <div id="supplier-grid">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Supplier Details Dialog -->
    <div id="supplier-edit-dialog" style="visibility: hidden;">
        <div class="x-dlg-hd">
            Supplier Details</div>
        <div class="x-dlg-bd">
            <div id="supplier-edit-layout" class="x-layout-inactive-content">
                <div id="supplier-edit-form">
                </div>
            </div>
        </div>
    </div>
</body>
</html>
